<template>
  <q-select
    outlined
    :model-value="modelValue"
    @update:model-value="updateValue"
    label="避障模式"
    :options="options"
    emit-value
    map-options
    clearablestyle="min-width: 10rem"
    behavior="menu"
  />
</template>

<script>
const options = [
  { label: "开启避障", value: "on" },
  { label: "关闭避障", value: "off" },
  { label: "缩小范围", value: "narrow" },
  { label: "正常范围", value: "normal" },
];

export default {
  name: "NarrowPose",
  props: {
    modelValue: String,
  },
  setup(props, context) {
    return {
      options,
      updateValue(value) {
        context.emit("update:modelValue", value);
      },
    };
  },
};
</script>
